<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>

        // 设计模式
        //    单例模式   创建一个实例
        //    工厂模式
        //        方法不会共享
        //    原型模式  ---  构造函数 共享的方法放在了  prototype上面


        // function Dog(name, age) {
        //     const obj = {
        //         name,
        //         age,
        //         say: function () {
        //             console.log(555)
        //         }
        //     }
        //     return obj
        // }


        // 
        function GetEle(ele) {
            const obj = {};
            obj.eles = document.querySelectorAll(ele);

            obj.hide = function () {
                console.log('hide');
            }

            obj.show = function () { }

            // ....

            return obj
        }


        function $(ele) {
            return GetEle(ele);
        }

        $('body').hide();


    </script>

</body>

</html>